import 'package:flutter/material.dart';

class ListCase extends StatelessWidget {
   ListCase({super.key});
  final List nums = [1,2,3,4,5,6,7,8,9,10];
  @override
  Widget build(BuildContext context) {
    //ListView.separated 三个比传参数  
    //itemCount列表项数量
    //itemBuilder列表项构建器
    //separatorBuilder分隔器构建器
    return ListView.separated(
      //列表项数量
      itemCount: nums.length,
      //列表项构建器
      itemBuilder: (context, index) {
        return Container(
          height: 100,
          margin: const EdgeInsets.all(10),
          width: double.infinity,
          color: Colors.red,
          child: Text(index.toString()),
        );
      },
      //构建分割符
      separatorBuilder: (context, index) {
        return const Padding(
          padding: EdgeInsets.symmetric(horizontal: 10),
          child: Divider(
            height: 1,
            color: Colors.white,
            thickness: 1,
            endIndent: 0,
            indent: 10,
          ),
 // ListView.builder 参数
    //    itemBuilder: 列表项构建器
    //    itemCount: 列表项数量
    // return ListView.builder(
    //   itemBuilder: (context, index) {
    //     return Container(
    //       height: 100,
    //       color: Colors.green,
    //       margin: const EdgeInsets.all(5),
    //       child: Text(nums[index].toString()),
    //     );
    //   },
    //   itemCount: nums.length,
    // );

    // ListView 循环生成列表，默认构造函数
    // return ListView(
    //   children: nums
    //       .map((item) => Container(
    //             height: 100,
    //             color: Colors.amber,
    //             margin: const EdgeInsets.all(5),
    //             child: Text(item.toString()),
    //           ))
    //       .toList(),
    // );

        );
      },
    );
  }
}